@import '../../styles/default.scss';

.search-down{

	.search-list{
		background-color: #fff;
		height: 500px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: $font-15;
		color: $font-color-dark;
		.list-1{
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			height: 100%;
			width: calc(100% / 3 - 30px);
			padding: 0 10px;
			.list-1-item{
				height: 60px;
				line-height: 60px;
				border-bottom: 1px solid $color-bg;
				overflow: hidden;
			}
			.item-1-active{
				font-size: $font-15;
				color: $color-main;
				font-weight: bold;
			}
			.list-item-time{
				font-size: $font-15;;
				text-align: center;
			}
		}
		.list-1::-webkit-scrollbar {
			display: none;
		}
	}
	
}

.list-show{
	display: block;
	animation: listShow .2s ease-in both;
}
.list-hide{
	animation: listHide .2s ease-in both;
	height: 0px;
}
@keyframes listShow {
	from {
		opacity: 0.0;
	}
	to {
		opacity: 1.0;
	}
}

@keyframes listHide {
	from {
		transform: translateY(0%)
	}
	to {
		transform: translateY(-100%)
	}
}